<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="easyui/jquery.min.js"></script>
    <script src="easyui/jquery.easyui.min.js"></script>
    <link href="easyui/themes/default/easyui.css" rel="stylesheet" type="text/css">
    <link href="easyui/themes/icon.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>
</head>
<body class="easyui-layout">
    <div data-options="region:'north'" style="height:50px;background-image: url('images/headImg.png');background-size: 100%,100%;"></div>
    <div data-options="region:'west',title:'菜单',split:true" style="width:250px;">
        <div id="menu" class="easyui-accordion">

        </div>

    </div>
    <div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div>
</body>
<script>
    $(function () {

        $("#menu").accordion("add",{
            title:"系统管理",
            content:function () {
                var menu = "<ul class='manage-menu'><li>员工管理1</li><li>员工管理2</li><li>员工管理3</li><li>员工管理4</li><li>员工管理5</li></ul>";
                return menu;
            },
            selected:false
        });

    });


</script>
</html>